<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/login.css">
</head>
<body>
  <div class="login-head"></div>
 <script src="./js/jquery.2.2.4.js"></script>
 <script>
   $(".login-head").load("./public/public.html .login-head");
 </script>
    <div class="banner">
        <div class="fixation">
            <span class="span"></span>
            <img src="images/fixed.jpg" alt="">
          </div>
        <div class="bImg">
          <img src="images/register.jpg" alt="">
        </div>
        <div class="enter">
            <div class="user">
               <span>用户登录</span>
                <a href="./register.html">立即注册></a>
            </div>
            <input type="text" placeholder="用户名" class="tel" id="username">
            <input type="password" placeholder="密码" class="pass" id="password">
            <div class="massage">
                <label for="remember"><input type="checkbox" name="remember"/>请保存我这次的登录信息</label>
            <a href="" class="rem">忘记密码？</a>
            </div>
            <input type="submit" class="btn" value="立即登录" />
        </div>
    </div>
    <div class="login-foot"></div>
    <script>
      $(".login-foot").load("./public/public.html .login-foot")
    </script>
</body>
<script src="./js/login.js"></script>
</html>